@charset "utf-8";

/* 引入外部图标样式 */

@font-face {

  font-family: 'iconfont';  /* Project id 2431691 */

  src: url('http://at.alicdn.com/t/font_2431691_14dtlkivt5lc.woff2?t=1653879051313') format('woff2'),

       url('http://at.alicdn.com/t/font_2431691_14dtlkivt5lc.woff?t=1653879051313') format('woff'),

       url('http://at.alicdn.com/t/font_2431691_14dtlkivt5lc.ttf?t=1653879051313') format('truetype');

}

.iconfont{

    font-family:"iconfont" !important;

    font-size:16px;font-style:normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;

}

/* 网站色值设置 */

body{--zhu-color:#1e6d2f;--pei-color:#fcc300;}

/* 样式重置 */

html, body, div,

h1, h2, h3, h4, h5, h6,

hr, p, blockquote,

dl, dt, dd, ul, ol, li,

pre, form, fieldset, object, code,

legend, button, input, textarea, label,

th, td, a, img{margin: 0; padding: 0; border: 0; outline: 0;}

body{font: 14px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff;}

ul,li{list-style:none;margin:0;padding:0;}

a:hover{ text-decoration: none; }

/*清除内外边距*/

h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}

/*设置默认字体*/

:focus{outline: 0;}

ul,

ol{list-style: none;}

/*重置图片元素*/

address, caption, cite, code, dfn, em, i, th, var, optgroup{font-style: normal; font-weight: normal;}

abbr, acronym{border: 0; font-variant: normal;}

input, button, textarea, select, optgroup, option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}

code, kbd, samp, tt{font-size: 100%;}

::-webkit-scrollbar{width:6px; height:6px ;}

::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}

::-webkit-scrollbar-thumb{border-radius: 6px; background: #bbb;}

textarea{resize: none;}

button:active, button:focus{ border:none; outline:0; }

.inner{ width: 1200px; margin:0 auto; }

@media only screen and (max-width: 1200px){

  .inner{ width: 100%; box-sizing: border-box; }

}

@media only screen and (max-width: 640px){

  .inner{ padding:0; }

}



/*page*/

.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px; width: 100%; clear: both; }

.de-page-mian .page-inner{display: inline-block; overflow: hidden;}

.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 12px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: 1px; overflow: hidden;}

.de-page-mian .page-inner a.active,

.de-page-mian .page-inner a:hover{color: #fff; border-color: var(--zhu-color); background: var(--zhu-color);}

.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}

.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}

.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}

.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}

.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}

.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}

.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}

.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}

.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}



/*no-goods*/

.no-goods{ width: 100%;}

.no-goods,.no-network{padding:50px 0; overflow: hidden; text-align: center;}

.no-goods img{display: block; margin:0 auto 30px; width:220px; max-height: 105px;}

.no-goods p,.no-network p{font-size:14px; color:#666666; line-height: 20px;}



/*down*/

.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: none; z-index: 9999;}

.down li{width: 25%; box-sizing: border-box; text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px; list-style:none;}

.down li + li{ border-left: solid 1px #ffffff; }

.down li a{color: #ffffff;}

.down .current{border-right: none;}

.down li img{max-width: 25px;height: 25px;}

.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}

.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}

.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }

.plugin-fixed-call .child:hover{width:160px;background: #000;}

.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}

.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}

.plugin-fixed-call .fixedQQ{bottom:92px;}

.plugin-fixed-call .fixedCall{bottom:46px;}

.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}

.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}

.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}

.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}

.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}

.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}

@media only screen and (max-width: 768px){

  .down{ display: block; }

  .plugin-fixed-call{ display: none; }

}



/* 字体引入 */

@font-face{ font-family: DIN; src: url('./fonts/DINPro-Bold.ttf'); }

@font-face{ font-family: KOKILA; src: url('./fonts/KOKILA.ttf'); }



/*header*/

.h-tool{line-height: 34px; background: -webkit-linear-gradient(left, #e8e7ec 50%, #07773f 50%); background: -o-linear-gradient(right, #e8e7ec 50%, #07773f 50%); background: -moz-linear-gradient(right, #e8e7ec 50%, #07773f 50%); background: linear-gradient(to right, #e8e7ec 50%, #07773f 50%); }

.h-tool .text-left p{color: #929192;}

.h-tool a, .h-tool p{font-size: 14px; color: #ffffff; display: inline-block;}

.h-tool a{padding-right: 10px; line-height: 14px;}

.h-tool .text-right > div > a+a{padding-left: 10px; border-left: 1px solid #fff;}

.h-tool .text-right > div{display: inline-block;}

.h-tool a:hover{color: #fe9404;}

.h-top{padding:30px 0; background: #fff;}

.h-top .tel{ display: inline-flex; float: right; height: 100%; align-items: flex-start; justify-content: center; flex-direction: column; padding-left: 74px; background: url(../images/ico_tel.jpg) no-repeat left center; }

.h-top .tel p{ font-size: 16px; color:#666666; line-height:1; margin-bottom:12px; }

.h-top .tel b{ font-size: 24px; font-family:"思源黑体 CN"; color:#07773f; line-height:1; }

.m-menu{background: #1e6d2f;}

.navbar-nav{ flex-direction: row; width: 100%; }

.navbar-nav > li{ width: 12.5%; }

.navbar-nav > li > a{ display: block; width: 100%; text-align: center; padding:16px 0; font-size: 16px; color: #ffffff; }

.navbar-nav > li > a:hover{ color: #333333; background: #fcc300; }



/*banner*/

#banner{ width: 100%;}

#banner img{ width: 100%;}

#banner .swiper-pagination{ bottom:30px; }

#banner .swiper-pagination-bullet{ opacity: 1; width: 14px; height: 14px; background: none; border:2px solid #f7fbfe; border-radius: 50%; }

#banner .swiper-pagination-bullet-active{ width: 14px; height: 14px; background: var(--zhu-color); border-radius: 12px; border:none; }

@media only screen and (max-width: 1900px){

  #banner img{ width: 100%;}

}

@media only screen and (max-width: 646px){

  #banner .swiper-pagination{ bottom:15px; }

  #banner .swiper-pagination-bullet{ opacity: 1; width: 10px; height: 10px; background: none; border:1px solid #f7fbfe; border-radius: 50%; }

  #banner .swiper-pagination-bullet-active{ width: 10px; height: 10px; background: var(--zhu-color); border-radius: 12px; border:none; }

  #banner img{ width: 100%; height: 300px; object-fit: cover; }

}

@media only screen and (max-width: 582px){

   #banner img{ height: 140px; }

}



/* m-tit */

.m-tit{ display: flex; flex-direction: column; align-items: center; justify-content: center; }

.m-tit > div{ text-align: center; width: 230px; height: 32px; border:1px solid var(--zhu-color); position: relative; }

.m-tit > div b{ font-weight: normal; font-size: 24px; color: var(--zhu-color); line-height: 1; display: inline-block; padding:0 40px; position: relative; top:20px; background: #fff; }

.m-tit > span{ font-size: 50px; color: var(--zhu-color); font-family: "KOKILA"; text-transform: uppercase; line-height: 1; margin:20px 0 0; }

.m-tit > hr{ width:170px; height: 1px; background: var(--zhu-color); border:0; line-height: 1; margin-bottom: 12px; }

.m-tit > small{ font-size: 18px; color: var(--zhu-color); font-family: "KOKILA"; text-transform: uppercase; line-height: 1; }

@media(max-width: 576px){

  .m-tit > small{font-size: 16px;}

}

/* m-about */

.m-about{background: url(../images/about-bg.png) no-repeat bottom center;overflow: hidden;padding-bottom: 315px;position: relative;z-index: 2; background-size: cover; }

.m-about .hd{text-align: center; padding:40px 0 26px; background: #fff; margin-top: 18px;}

.m-about .bd{overflow: hidden;padding-bottom: 66px; background: #fff;}

.m-about .bd .left{padding-left: 70px;}

.m-about .bd .left img{width: 100%;}

.m-about .bd .right{padding-right: 70px;}

.m-about .bd .right p{font-size: 16px; color: #666666; line-height: 30px;}

.m-about .bd .right a{transition: all .36s; display: inline-block; margin-top: 20px; padding:12px 36px; background: #07773f; border-radius: 30px; font-size: 16px; color: #ffffff;}

.m-about .bd .right a:hover{ background: var(--pei-color); transition: all .36s; }



/* m-pro */

.m-pro{overflow: hidden; background: url(../images/pro-bg.jpg) no-repeat top center; margin-top: -430px; padding:252px 0 0; position: relative; z-index: 1; }

#pro{ width:100%; }

#pro .swiper-slide{ height: auto; }

#pro .swiper-slide .img{ width: 100%; padding-bottom: 66%; position: relative; overflow: hidden; }

#pro .swiper-slide .img img{ width:100%; height:100%; object-fit: cover; position: absolute; transition: all .3s; }

#pro .swiper-slide b{ font-weight: normal; display: block; line-height: 50px; font-size: 16px; color: #333333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s; }

#pro .swiper-slide:hover img{ transition: all .3s; transform: scale(1.05); }

#pro .swiper-slide:hover b{ transition: all .3s; color: #1e6d2f; }

.m-type{overflow: hidden; margin:45px 0; text-align: center; width: 100%; }

.m-type a{display: inline-block; padding:10px 35px; border:1px solid #b7b7b9; font-size: 18px; color: #333333; border-radius: 30px; margin:0 18px 5px;}

.m-type a:hover{background: #fcc507; border-color: #fcc507; color: #fff; font-weight: bold;}

@media(max-width: 1200px){

  .m-type a{margin:0 5px 5px;padding:10px 20px;}

}



/* m-news */

.m-news{overflow: hidden; background: url(../images/news-bg.jpg) no-repeat bottom center; background-attachment: fixed; padding-top: 282px; margin-top:-260px; padding-bottom: 24px; position: relative; background-size: cover; }

.m-news::before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/news-bg.png) no-repeat bottom center; position: absolute; bottom:0; left:0; background-size: cover; }

.m-news .tit{overflow: hidden;}

.m-news .tit h3{font-size: 18px; color: #ffffff; line-height: 32px; font-weight: normal; margin-left: 15px; clear: both; letter-spacing: 3px; }
.m-news .tit p{font-size: 18px; color: #ffffff; line-height: 32px; font-weight: normal; margin-left: 15px; clear: both; letter-spacing: 3px; }

.m-news .tit img{float: left; margin:70px 0 20px; clear: both; max-width: 100%;}

.m-news .txt{background: #ffffff; border-radius: 10px; padding:10px 20px; overflow: hidden; margin-top: 40px;}

.m-news .txt h3{ line-height: 53px; border-bottom: 1px solid #dbdbdb; padding-left: 36px; font-size: 24px; color: #048133; font-weight: bold; background: url(../images/ico-news.png) no-repeat left center; margin-bottom: 20px;}
.m-news .txt b{display: block; line-height: 53px; border-bottom: 1px solid #dbdbdb; padding-left: 36px; font-size: 24px; color: #048133; font-weight: bold; background: url(../images/ico-news.png) no-repeat left center; margin-bottom: 20px;}

.m-news .txt .left{width: 60%; float: left; font-size: 14px; color: #333333; line-height: 25px;}

.m-news .txt .left img{width: 203px; height: 118px; float: left; margin:0 12px 5px 0;}

.m-news .txt .left a{color: #333333;}

.m-news .txt .left a:hover{color: #158c4c;}

.m-news .txt .right{width: 40%; float: right; box-sizing: border-box; padding-left: 20px;}

.m-news .txt .right li{overflow: hidden; line-height: 34px; text-overflow: ellipsis; white-space: nowrap; padding-left: 16px; background: url(../images/ico-li.jpg) no-repeat left center;}

.m-news .txt .right li a{font-size: 14px; color: #333333;}

.m-news .txt .right li a:hover{color: #138b4d;}

@media(max-width: 576px){

  .m-news .txt .left img{width:100%;}

}



@font-face {

  font-family: 'syst';

  font-display: swap;

  src: url('//at.alicdn.com/t/webfont_yorg39mja7.eot'); /* IE9*/

  src: url('//at.alicdn.com/t/webfont_yorg39mja7.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

  url('//at.alicdn.com/t/webfont_yorg39mja7.woff2') format('woff2'),

  url('//at.alicdn.com/t/webfont_yorg39mja7.woff') format('woff'), /* chrome、firefox */

  url('//at.alicdn.com/t/webfont_yorg39mja7.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

  url('//at.alicdn.com/t/webfont_yorg39mja7.svg#after') format('svg'); /* iOS 4.1- */

}

/* m-super */

.m-super{overflow: hidden; padding-bottom: 40px;}

.m-super .hd{text-align: center; padding:50px 0;}

.m-super .hd .tit{ display: inline-block;  background: url(../images/super-tit.jpg) no-repeat left bottom; padding:0 130px 18px; }

.m-super .hd .tit b{ display: inline-flex; align-items: center; justify-content: center; }

.m-super .hd .tit b span{ font-size: 48px; color: var(--pei-color); display: inline-block; width: 72px; height: 72px; line-height: 72px; font-family: "syst"; border-radius: 50%; border: 1px solid var(--pei-color); }

.m-super .hd .tit b span + span{ margin-left: -10px; }

.m-super .hd .tit b small{ font-family: "syst"; font-size: 35px; color: var(--zhu-color); margin-left: 20px; }

.m-super .hd .tit p{ font-size: 16px; color: #333333; line-height: 1; margin-top: 6px; }

.m-super .bd li{clear: both; }

.m-super .bd li h3{line-height: 52px; margin-bottom: 32px; background: url(../images/h3-bg.png) no-repeat left center; font-size: 26px; color: #ffffff; font-weight: bold;}

.m-super .bd li h3 span{display: inline-block; width: 44px; height: 44px; text-align: center; line-height: 44px; margin:2px 20px 0 2px; font-size: 30px; color: #00823a; font-weight: bold;}
.m-super .bd li p{line-height: 52px; margin-bottom: 32px; background: url(../images/h3-bg.png) no-repeat left center; font-size: 26px; color: #ffffff; font-weight: bold;}

.m-super .bd li p span{display: inline-block; width: 44px; height: 44px; text-align: center; line-height: 44px; margin:2px 20px 0 2px; font-size: 30px; color: #00823a; font-weight: bold;}

/*.m-super .bd li p{font-size: 14px; color: #666666; line-height: 24px; padding-left: 20px; background: url(../images/ico-p.png) no-repeat left 5px; }*/

.m-super .bd li b{display: block; font-size: 14px; color: #666666; line-height: 24px; padding-left: 20px; background: url(../images/ico-p.png) no-repeat left 5px; }

.m-super .bd li:nth-child(1) .txt{ margin-top: 50px;}

.m-super .bd li:nth-child(2){ flex-direction: row-reverse; overflow: visible; margin-top: 50px; }

.m-super .bd li:nth-child(2) > div img{position: relative; top:-60px;}

.m-super .bd li:nth-child(3) > div img{position: relative; top:-30px;}

@media screen and (max-width: 768px){

  .m-super .hd .tit{ display: block; padding:0 0 18px; }

  .m-super .hd .tit b span{ font-size: 36px; width: 60px; height: 60px; line-height: 60px; }

  .m-super .hd .tit b small{ font-size: 32px; }

  .m-super .hd .tit b span + span{ margin-left: -8px; }

}

@media screen and (max-width: 640px){

  .m-super .hd .tit{ background: none; }

  .m-super .hd .tit{ display: block; padding:18px 0; }

  .m-super .hd p{ font-size: 14px; }

  .m-super .hd .tit b span + span{ margin-left: -5px; }

}

@media screen and (max-width: 576px){

  .m-super .hd .tit b span{ font-size: 24px; width: 40px; height: 40px; line-height: 40px; }

  .m-super .hd .tit b small{ font-size: 20px; margin-left: 8px; }

  .m-super .hd p{ font-size: 12px; }

}



/* m-case */

.m-case{background: url(../images/case-bg.png) no-repeat top center; overflow: hidden; background-size: cover;}

.m-case .m-tit > div{ border:1px solid #fff;  }

.m-case .m-tit > div b{ color: #fff; background: #00823a; }

.m-case .m-tit > span{ color: #fff; }

.m-case .m-tit > hr{ background: #fff; }

.m-case .m-tit > small{ color: #fff; }

.m-case .hd{padding:65px 0 55px; text-align: center;}

.m-case .bd{padding-bottom: 30px;}

.m-case .bd .swiper-slide .img{ overflow: hidden; width: 100%; height: 205px; border:3px solid #fff; border-radius: 25px; transition: all .3s; }

.m-case .bd .swiper-slide img{width: 100%; height: 100%; object-fit: cover; transition: all .3s; }

.m-case .bd .swiper-slide b{ display: block; line-height: 56px; text-align: center; padding:0 20px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #ffffff; font-weight: normal; transition: all .3s; }

.m-case .bd .swiper-slide:hover img{ transition: all .3s; transform: scale(1.05); }

.m-case .bd .swiper-slide:hover b{ transition: all .3s; color: var(--pei-color); }



/* footer */

footer{overflow: hidden; background: url(../images/f-bg.jpg) no-repeat top center; padding-bottom: 20px; background-size: cover;}

#footer .container{position: relative;}

.f-qa{padding:36px 0; overflow: hidden; }

.picScroll-left{overflow:hidden; position:relative; }

.picScroll-left .hd{overflow:hidden; }

.picScroll-left .hd b{font-size: 20px; color: #2c2d2d; font-weight: bold;}

.picScroll-left .hd p{font-size: 14px; color: #666666;}

.picScroll-left .hd .prev,.picScroll-left .hd .next{display: inline-block; padding:7px 15px; background: #4a4a4a; cursor: pointer;}

.picScroll-left .hd .prev{background:#4a4a4a url(../images/qa-right.png) no-repeat center;}

.picScroll-left .hd .next{background:#00823a url(../images/qa-left.png) no-repeat center;}

.picScroll-left .hd .prev:hover{background:#00823a url(../images/qa-right.png) no-repeat center;}

.picScroll-left .hd .next:hover{background:#4a4a4a url(../images/qa-left.png) no-repeat center;}

.picScroll-left .bd{width: 100%; overflow: hidden;}

.picScroll-left .bd li{width: calc(50% - 10px); text-align: left; /*padding:20px;*/ margin:0 5px; background: #f5f5f5; float:left; box-sizing: border-box;}

.picScroll-left .bd li a{display: inline-block; margin:20px;}

.picScroll-left .bd li b{ display: block; padding-left: 36px; background: url(../images/w.png) no-repeat left top; font-size: 14px; color: #333333; font-weight: bold; line-height: 25px; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.picScroll-left .bd li p{ padding-left: 36px; box-sizing: border-box; background: url(../images/d.png) no-repeat left top; font-size: 14px; color: #666666; line-height: 24px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }



.f-nav{padding:18px 0; display: flex; align-items: center; justify-content: space-between; border-top:1px solid #00823a; border-bottom: 1px solid #00823a; margin-bottom: 20px;}

.f-nav a{display: inline-block; font-size: 14px; color: #333333; line-height: 1; width: 12.5%; text-align: center; }

.f-nav a:hover{font-weight: bold; color: #00823a;}



.f-contact img{margin-bottom: 20px;}

.f-contact p, .f-contact p a{font-size: 13px; color: #333333; line-height: 30px;}

.f-type h3{font-size: 16px; color: #00823a; font-weight: bold; line-height: 36px;}

.f-type a{display: inline-block; font-size: 14px; color: #333333; line-height: 30px; margin-right: 34px;}

#footer a:hover{color: #00823a;}

.f-ewm{text-align: center;}

.f-ewm img{ width: 50%; }

.f-ewm p{color: #333333; line-height: 42px;}



@media screen and (max-width: 1200px){

  .navbar-nav > li{ width: 25%; float: left; border:1px solid #fff; }

  .navbar-nav > li:nth-child(1),

  .navbar-nav > li:nth-child(2),

  .navbar-nav > li:nth-child(3),

  .navbar-nav > li:nth-child(4){ border-bottom: none; }

  .navbar-nav > li:nth-child(1),

  .navbar-nav > li:nth-child(2),

  .navbar-nav > li:nth-child(3),

  .navbar-nav > li:nth-child(5),

  .navbar-nav > li:nth-child(6),

  .navbar-nav > li:nth-child(7){ border-right:none;  }

  .navbar-nav > li > a{ padding:15px 0; }

  .m-news .tit h3{ margin-left:0; }

  .f-type a{ margin-right: 34px; }

  .m-about .bd .video{ margin-bottom: 15px; }

  .m-about .bd .left{ padding-left: 15px; }

  .m-about .bd .right{ padding-right: 15px; }

  .m-news .tit img{ margin:70px 10px 20px 0;  }

  .m-super .bd li img{ max-width: 100%; }

  .h-tool .text-right > div{ display: none; }

  .navbar-nav{ float: none; }

  .h-top .logo{ display: block; overflow: hidden; text-align: left; }

  .h-top .logo img{ display: inline; max-width: 100%; }

  .m-about{ padding-bottom: 290px; }

  .m-about .hd{ padding:30px 0 26px; }

  .m-about .bd{ padding-bottom: 36px; }

  #footer{ background-size: cover; }

  .f-nav a{ padding:0 28px; }

  .f-qa{ display: none; }

  .m-super .bd li:nth-child(2) > div img{ top: -20px; }

  .m-news .txt .left a{ overflow:hidden; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical; }

  .m-pro .bd{ padding:0 15px; }

  .m-type{ margin:30px 0; }

  .f-ewm img{ width:60%; }

}

@media screen and (max-width: 992px){

  .m-news .tit{ display: none; }

  .m-super .bd li{ text-align: center; }

  .m-super .bd li .txt{ text-align: left; }

  .m-super .bd li:nth-child(2) > div img{ top:40px; }

  .m-super .bd li:nth-child(3) > div img{ position: relative; top:40px; }

  .m-about{ padding-bottom: 0; }

  .m-pro{ margin-top:0; padding:0; }

  .m-news{ padding:24px 0; margin:0; }

  .picScroll-left{ padding-top: 62px; padding-left: 0; }

  .picScroll-left .hd{ position: absolute; top:0;  }

  .picScroll-left .bd li h3{ width: 200px; }

  .picScroll-left .bd li p{ width: 200px; }

  .h-tool{ background: #1e6d2f; }

  .h-tool .text-right{ display: none; }

  .h-top{ padding:15px 0; }

  .h-tool .text-left p{ color: #fff; }

  .f-nav{ display: none; }

  .m-type{ margin:15px 0; }

  .m-type a{ margin: 4px 6px; padding: 6px 18px; font-size: 14px; }

  .f-qa{ display: none; }

  .m-about{ background-size: cover; }

  .m-about .hd{ margin-top: 20px; padding:25px 0; }

  .m-about .bd .right{ padding-right: 15px; }

  .m-about .bd .right p{ text-align: left; line-height: 1.7; }

  .m-pro{ background-size: cover; }

  .f-qa > .container{ padding:0; }

  .m-super .bd li .txt{ margin-top: 20px; }

  .m-about .bd .right a{ padding:8px 30px; margin-top: 15px; }

  .m-tit > span{ font-size:40px; }

  .m-tit > div{ width: 24%; height: 30px; }

  .m-tit > div b{ top:15px; padding:0 20px; }

  .m-news .inner{ padding:0 15px; }

  .m-case .hd{ padding:65px 0 35px; }

  .m-case .bd{ padding-bottom:10px; }

  .f-ewm img{ width:auto; max-width:100%; }

  #footer{ padding:20px 0; }

  .m-super .hd{ padding:30px 0; }

  .m-super .bd li h3{ font-size:22px; }

}

@media screen and (max-width: 768px){

  .h-top .tel{ display:none; }

  .h-top .logo{ text-align: center; }

  .m-news .txt .left, .m-news .txt .right{ width: 100%; }

  .m-about .bd .left{ text-align: center; }

  .m-about .bd .left img{ width:auto; max-width: 100%; }

  .m-about .bd .right{ padding-right: 15px; }

  .m-news .txt .right{ margin-top: 20px; padding-left: 0; }

  .f-ewm{ display: none; }

  .m-about .bd .right p > img{ width: 40%; float: left; margin:0 10px 10px 0; }

  .m-type{ display: none; }

  .m-pro .hd{ margin-bottom: 20px; }

  .m-news .txt{ margin-top: 0; }

  .f-bom{ margin: 10px 0 0; }

  .de-page-mian .page-inner span, .de-page-mian .page-inner input{ display: none; }

  .pro-bd li img{ object-fit: contain; }

  .m-super .bd li:nth-child(2) > div img{ top:0; margin:20px 0; }

  .m-super .bd li:nth-child(3) > div img{ top:0; }

  .navbar-nav > li > a{ padding:10px 0; }

  #footer{ margin-bottom: 55px; }

  .m-super .hd h3{ background-size: 100%; }



}

@media screen and (max-width: 567px){

  .f-nav{ display: none; }

  .pro-bd li img{ height: 146px; }

  .m-about .hd{ margin-top:0; padding:20px 0; }

  .m-case .hd{ padding:65px 0 15px; }

  .m-case .bd{ padding-bottom: 20px; }

  .m-super .hd{ padding:0; }

  .m-super .hd h3{ height: 92px; }

  .m-super .bd li h3{ font-size:16px; margin-bottom: 12px; }

  .m-news .txt .left a{display: block;}

  .m-tit > div{ width:50%; height:20px; }

  .m-tit > span{ font-size: 30px; margin:15px 0 0; }

  .m-tit > div b{ top:10px; font-size: 20px; }

  .m-tit > hr{ margin-bottom: 8px; }

  .m-case .bd .swiper-slide .img{ height: 145px; }

}